<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .abtn{
            border-radius: 3px;
            background: #ffec34;
            color: #0b0d05;
            text-decoration: none;
            font-weight: bolder ;
            height: 30px;
        }
        .abtn2{
            border-radius: 3px;
            background: #ffcd5d;
            color: #0b0d05;
            text-decoration: none;
            font-weight: bolder ;
            height: 30px;
        }
        .abtn1{
            border-radius: 3px;
            background: #ff1f15;
            color: #0b0d05;
            text-decoration: none;
            font-weight: bolder ;
            height: 30px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <h1 class="text-success">
                 <span th:text="${session.msg1}" style="color: black"></span> &nbsp  欢迎来到欧盟球星管理平台！！！
                </h1>
            </div>
        </div>
<!--        //轮播图-->
            <div class="row-fluid">
                <div class="span12">
                    <div class="carousel slide" id="carousel-715657">
                        <ol class="carousel-indicators">
                            <li class="active" data-slide-to="0" data-target="#carousel-715657">
                            </li>
                            <li data-slide-to="1" data-target="#carousel-715657">
                            </li>
                            <li data-slide-to="2" data-target="#carousel-715657">
                            </li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item active">
                                <img alt="" th:src="@{/img/img01.jpg}" style="margin: 0px auto" />
                                <div class="carousel-caption">
                                    <h4>
                                        足球
                                    </h4>
                                    <p>

                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img alt="" th:src="@{/img/img02.jpg}" style="margin: 0px auto" />
                                <div class="carousel-caption">
                                    <h4>
                                        冲浪
                                    </h4>
                                    <p>
                                        冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img alt="" src="@{/img/img03.jpg}" style="margin: 0px auto"/>
                                <div class="carousel-caption">
                                    <h4>
                                        自行车
                                    </h4>
                                    <p>
                                        以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                                    </p>
                                </div>
                            </div>
                        </div> <a data-slide="prev" href="#carousel-715657" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-715657" class="right carousel-control">›</a>
                    </div>
                </div>
            </div>

<!--        //导航条-->
        <div class="row-fluid">
            <div class="span12">
                <ul class="breadcrumb">
                    <li>
                     <button class="abtn2">
                         <a th:href="@{/}">主页</a> <span class="divider"></span>
                     </button>
                    </li>
                    <li>
                        <button class="abtn2">
                            <a th:href="@{/login/list}">球星</a> <span class="divider"></span>
                        </button>

                    </li>
                    <li class="active">
                        <button class="abtn2">
                            <a href="#" > 主题</a> <span class="divider"></span>
                        </button>
                    </li>
                </ul>
                <div>
                    <button class="abtn"><a th:href="@{/toAddPage}">添加球星</a></button>
                </div>
                <table class="table">
                    <thead>
                    <tr>
                        <th>
                            球星
                        </th>
                        <th>
                            俱乐部
                        </th>
                        <th>
                            年龄
                        </th>
                        <th>
                            号码
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr th:each="emp:${employees}">
                            <td th:text="${emp.getName()}"></td>
                            <td th:text="${emp.getDepartment().getDepartmentName()}"></td>
                            <td th:text="${emp.getBrithday().getDate()}"></td>
                            <td th:text="${emp.getId()}"></td>
                         <td th:name="id"> <button class="abtn"><a th:href="@{/toedit(id=${emp.getId()})}" >编辑</a></button>
                             <button class="abtn1"><a th:href="@{/del(id=${emp.getId()})}">删除</a></button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
</body>
</html>